<template>
  <div>
    <x-header :left-options="{backText: ''}" style="background-color:#31b9b8;">迎新招生(教师版)</x-header>
    <grid :rows="3">
      <grid-item :label="nav.text" v-for="nav in NavList" :key="nav.text" @on-item-click="goFirst(nav.path)">
        <img slot="icon" :src="nav.icon_url">
      </grid-item>
    </grid>
  </div>
</template>
<script>
  import {XHeader, Grid, GridItem, GroupTitle} from 'vux'

  export default {
    components: {
      XHeader,
      Grid,
      GridItem,
      GroupTitle
    },
    methods: {
      goFirst (P) {
        console.log(P)
        this.$router.push({path: P})
      }
    },
    data () {
      return {
        NavList: [{
          'text': '点位设置',
          'icon_url': '/static/img/index/7.png',
          'path': '/dwsz'
        }, {
          'text': '办理事项',
          'icon_url': '/static/img/index/8.png',
          'path': '/blsx'
        }, {
          'text': '查询统计',
          'icon_url': '/static/img/index/9.png',
          'path': '/cxtj'
        }]
      }
    }
  }
</script>

<style scoped>
  .grid-center {
    display: block;
    text-align: center;
    color: #666;
  }
</style>
